<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:th="http://www.thymeleaf.org"
   xmlns:winter="http://www.winter.org">
<body>
	<div th:fragment="usuario">
	    <winter:output id="CrearEditarUsuarioOutput">
			<div id="BarraNuevoUsuario" class="headerbar" th:if="${usuarios.context.usuario}">
				<div class="form-title" th:text="@{'Usuario'}">Usuario</div>
		    	<winter:row>
		    	   <winter:column type="col-md-4">
		    	   		<winter:inputtext
							id="NuevoUsuarioCodigo" 
							field="*{usuario.username}"
							label="#{label.usuario.codigo}"
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8"
							containerdisplay="row padded"
							class="winter-input-text capitalize"
							required="true"
							requiredimage="/img/exclamation-small-red.png"
							requiredmessage="#{label.usuario.codigo.requerido}">
						</winter:inputtext>
		    	   </winter:column>
		    	   <winter:column type="col-md-4">
		    	   		<winter:password
							id="NuevoUsuarioClave1" 
							field="*{usuario.password}"
							label="#{label.usuario.clave}" 
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8"
							containerdisplay="row padded"
							class="winter-input-text">
						</winter:password>
		    	   </winter:column>
		    	   <winter:column type="col-md-4">
		    	   </winter:column>
		    	</winter:row>
		    	<winter:row>
		    	   <winter:column type="col-md-4">
		    	   		<winter:inputtext
							id="NuevoUsuarioNombre" 
							field="*{usuario.name}"
							label="#{label.usuario.nombre}"
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8"
							containerdisplay="row padded"
							class="winter-input-text"
							required="true"
							requiredimage="/img/exclamation-small-red.png"
							requiredmessage="#{label.usuario.nombre.requerido}" >
						</winter:inputtext>
		    	   </winter:column>
		    	   <winter:column type="col-md-4">
		    	   		<winter:inputtext
							id="NuevoUsuarioEmail" 
							field="*{usuario.email}" 
							label="#{label.usuario.email}"
							email="true"
                       		emailmessage="Favor ingrese una dirección de correo válida"
                       		required="true"
							requiredimage="/img/exclamation-small-red.png"
							requiredmessage="#{label.usuario.email.requerido}" 
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8"
							containerdisplay="row padded"
							class="winter-input-text">
						</winter:inputtext>
		    	   </winter:column>
		    	   <winter:column type="col-md-4">
		    	   </winter:column>
		    	</winter:row>
		    	<winter:row>
		    	  <winter:column type="col-md-4">
		    	   		<winter:check
							id="nuevoUsuarioTitular" 
							field="*{usuario.isTitular}" 
							display="table-cell" 
							label="#{label.usuario.titular}"
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8"
							containerdisplay="row padded"
							class="winter-input-text">
						</winter:check>
		    	   </winter:column>
		    	   <winter:column type="col-md-4">
		    	   		<winter:check
							id="nuevoUsuarioActivo" 
							field="*{usuario.activo}" 
							label="#{label.common.activo}"
							labeldisplay="col-xs-4"
							inputdisplay="col-xs-8">
						</winter:check>
		    	   </winter:column>
		    	</winter:row>
			</div>
			<div id="NuevoUsuarioInfoContainer" class="form-container" th:if="${usuarios.context.usuario}">
				<winter:output id="PickListOutput">
					<winter:picklist id="PickList" 
						form="UsuariosForm"
						update="CrearEditarUsuarioOutput, PickListOutput"
						source="source, rowStat : ${usuarios.usuario.pickListPerfil.pickSource}"
						target="target, rowStat : ${usuarios.usuario.pickListPerfil.pickTarget}"
						sourceText ="${source.descripcion}"
						sourceValue ="@{${source.id}+'|'+${source.descripcion}}"
						targetText ="${target.descripcion}"
						targetValue ="@{${target.id}+'|'+${target.descripcion}}"
						sourceField ="*{usuario.pickListPerfil.pickSourceValue}"
						targetField ="*{usuario.pickListPerfil.pickTargetValue}"
						sourcetitle ="@{'Perfiles'}"
						targettitle ="@{'Perf. Asignados'}"
						addUrl="@{'/usuarios/addToPickList'}"
						removeUrl="@{'/usuarios/removeFromPickList'}"
						addAllUrl="@{'/usuarios/addAllToPickList'}"
						removeAllUrl="@{'/usuarios/removeAllFromPickList'}"
						showstatus="true"
						object="usuarios"
						events="dblclick"
						style="min-width: 150px;">
					</winter:picklist>
				</winter:output>
				
			    <div class="table-row">
				</div>														
				<winter:row class="button-panel-right" padded="true">
					<winter:ajaxSubmit 
						id="CrearUsuario" 
						form="UsuariosForm" 
						url="@{'/usuarios/guardarUsuario'}" 
						update="UsuariosOutput, CrearEditarUsuarioOutput"
						object="usuarios"
						value="#{label.operaciones.guardar}"
						showstatus="true"
						class="btn btn-cyan"
						confirmationrequired="true"
						confirmationtext="Está seguro que desea realizar la operación?"
						process="BarraNuevoUsuario">
					</winter:ajaxSubmit>
					<winter:ajaxSubmit 
						id="CrearUsuarioCancelar" 
						form="UsuariosForm" 
						url="@{'/usuarios/cancelar/USUARIOS'}"
						update="UsuariosOutput"
						value="#{label.operaciones.cancelar}"
						showstatus="true"
						class="btn btn-danger"
						process="BarraNuevoUsuario"
						immediate="true">
					</winter:ajaxSubmit>
				</winter:row>
			</div>		
		</winter:output>
	</div>
</body>
</html>